<template>
   <a href="meVip.html"><span class="logonImg"><img src="img/left.jpg"></span></a>
    <div class="Mid">
      <div class="weui-panel weui-panel_access">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>购买商品</p>
                </div>
                <div class="weui-cell__ft">待付款</div>
            </div>
            <div class="weui-panel__bd">
                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__hd">
                        <img class="weui-media-box__thumb" src="img/zuan.png" alt="">
                    </div>
                    <div class="weui-media-box__bd">
                    <p>升级成为VIP会员</p>
                    <p>期限为一年</p>
                    <p>&yen100</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="weui-btn-area">
            <a class="weui-btn weui-btn_primary" href="meVipgo.html" id="showTooltips">立即支付</a>
        </div>
    </div>
</template>

<script>
export default {
  methods:{

  }
}
</script>
<style scoped>
  .logonImg{
     display: inline-block;
    position: fixed;
    top: 1.5%;
    width: 5%;
    left: 2%;
    z-index:1888;
  }
   .logonImg img{
    width:100%;
  }
  .Mid{
   width: 100%;
  margin: auto;
  }
  .weui-panel__bd{
    width: 95%;
    margin: auto;
    border-top: 1px solid #dbdbdb;
  }
  .weui-media-box__bd p{
    font-size: .14rem;
  }
  .weui-media-box__bd p:nth-child(2){
    color: #757575;
  }
  .weui-media-box__bd p:nth-child(3){
    color: red;
  }
  .weui-btn_primary{
    background-color: #f29004;
  }
  .weui-btn_primary:hover{
    background-color: #f29004;
  }
</style>